<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static/img/timg.jpg}">
    <link th:href="@{../../static/css/likeFooter.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/static/css/TandC.css}">
    <link rel="stylesheet" href="../../static/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../static/css/shoppingCart.css" >
    <link rel="stylesheet" href="../../static/css/MyVault.css">
    <title>我的金库</title>
</head>
<body>
<!--顶部+搜索+侧边-->
<div th:include="/like/likeHead :: common"></div>
<div class="my-main">
         <div class="my-in">
<!--             左边标题栏-->
             <div class="my-left">
                 <dl class="my-dl">
                     <dt class="my-dt">个人中心</dt>
                     <dd class="my-dd"><a href="/user/myVault">我的金库</a></dd>
                 </dl>
                 <dl class="my-dl">
                     <dt class="my-dt">购物中心</dt>
                     <dd class="my-dd"><a th:href="@{/user/shoppingTrolley}">购物车</a></dd>
                     <dd class="my-dd"><a th:href="@{/user/myOrder}">我的订单</a></dd>
                     <dd class="my-dd"><a th:href="@{/user/willMyOrder}">已收货商品</a></dd>
                 </dl>
                 <dl class="my-dl" style="margin-bottom: 0;">
                     <dt class="my-dt">账户安全</dt>
                     <dd class="my-dd"><a href="/user/myVault">基本信息</a></dd>
                 </dl>
             </div>


             <!-- 修改密码模态框（Modal） -->
             <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
                 <div class="modal-dialog">
                     <div class="modal-content">
                         <div class="modal-header">
                             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                 &times;
                             </button>
                             <h4 class="modal-title" id="myModalLabel2">
                                 修改密码
                             </h4>
                         </div>
                         <div class="modal-body">
                             <form class="form-horizontal" role="form">
<!--                                 原密码-->
                                 <div class="form-group">
                                     <label for="inputPassword" class="col-sm-2 control-label">原密码</label>
                                     <div class="col-sm-9">
                                         <input type="password" class="form-control input-old" id="inputPassword" autocomplete="off" placeholder="请输入原密码">
                                     </div>
                                 </div>
<!--                                 新密码-->
                                 <div class="form-group">
                                     <label for="inputPassword" class="col-sm-2 control-label">新密码</label>
                                     <div class="col-sm-9">
                                         <input type="password" class="form-control sub-password" id="inputPassword2" placeholder="请输入新密码">
                                     </div>
                                 </div>
                             </form>
                         </div>
                         <div class="modal-footer">
                             <button type="button" class="btn btn-sm" data-dismiss="modal">关闭
                             </button>
                             <button type="button" class="btn btn-sm my-sub2">
                                 提交更改
                             </button>
                         </div>
                     </div>
                 </div>
             </div>
             <!--以上为修改密码模态框-->
             <div class="my-right">

                 <div class="my-right01">
<!--                     上传头像-->
                     <div class="right01">
                         <div class="right01-img">
<!--                             <span th:text="${session.photo}"></span>-->

                             <a href="##" th:if="session.photo!=null"><img class="head-img" onclick="showCon()" th:src="'../../../src/main/webapp/WEB-INF/static/img/'+${session.photo}"></a>
                             <form class="head-form" action="/user/uploadPhoto" method="POST" enctype="multipart/form-data" >
                                 <input class="head-input" type="file" accept="image/jpg,image/png,image/jpeg,image/gif" required = 'required' name="files">
                                 <input class="head-input"  id="sub" type="submit" value="上传头像">
                                 <div class="head-btn" onclick="closeCon()"><button>取消</button></div>
                             </form>


                         </div>
                         <div class="right01-name"><a href="##" th:text="${session.user.getUserName()}"></a></div>
                     </div>

                     <div class="right02">
                         <div class="ri02-left1"><h3>我的金库</h3></div>
                         <div class="ri02-left2">
                             <a href="/user/shoppingTrolley">
                                 <div class="ri02-d1"><img src="../../static/img/my01.png"></div>
                                 <div class="ri02-d2">我的购物车</div>
                             </a>
                             <a th:href="@{/user/myOrder}">
                                 <div class="ri02-d1"><img src="../../static/img/my02.png"></div>
                                 <div class="ri02-d2">我的订单</div>
                             </a>
                             <a th:href="@{/user/willMyOrder}">
                                 <div class="ri02-d1"><img src="../../static/img/my04.png"></div>
                                 <div class="ri02-d2">已收货商品</div>
                             </a>
                             <a th:href="@{http://localhost:8080/}">
                                 <div class="ri02-d12"><img src="../../static/img/进店铺箭头.png"></div>
                                 <div class="ri02-d2">返回主页</div>
                             </a>
                         </div>
                     </div>
                 </div>

                 <div class="my-right02">
<!--                     基本信息-->
                     <div class="right02-left">
                         <div class="infor">基本信息</div>
                         <div class="infor-inner">
                             <div class="infor-in">
                                 <div class="infor-first">用户名:</div>
                                 <input type="text" th:value="${session.user.getUserName()}" readonly="readonly" class="my-name">
                             </div>

                             <div class="infor-in">
                                 <div class="infor-first">手机号:</div>
                                 <input type="text" th:value="${session.user.getPhone()}" readonly="readonly" class="my-name">
                             </div>

                             <div class="infor-in">
                                 <div class="infor-first">邮箱:</div>
                                 <input type="text" th:value="${session.user.getPost()}" readonly="readonly" class="my-name">
                             </div>

                             <div class="infor-in">
                                 <div class="infor-first">密码:</div>
<!--                                 <span th:text="${session.user.getPassword()}"></span>-->
                                 <input type="password" th:value="${session.user.getPassword()}" readonly="readonly" class="my-password">
                                 <button class="btn btn-sm" style="outline: none;"  data-toggle="modal" data-target="#myModal2">
                                     修改
                                 </button>
                             </div>
                         </div>
                     </div>

                     <div class="right02-right">

<!--                         <div class="ri02-div01">-->
<!--                             <div class="ri02-h3"><h3>我的关注</h3></div>-->
<!--                             <ul>-->
<!--                                 <li>-->
<!--                                     <a href="#3">-->
<!--                                         <div class="ri02-div">1</div>-->
<!--                                         <div>关注商品</div>-->
<!--                                     </a>-->
<!--                                 </li>-->
<!--                                 <li>-->
<!--                                     <a href="#3">-->
<!--                                         <div class="ri02-div">1</div>-->
<!--                                         <div>关注店铺</div>-->
<!--                                     </a>-->
<!--                                 </li>-->
<!--                             </ul>-->
<!--                         </div>-->
                         <div class="ri02-div02">
                             <div class="ri02-h3"><h3>浏览记录</h3></div>
                             <div id="myCarousel" class="carousel slide">
                                 <!-- 轮播（Carousel）指标 -->
                                 <ol class="carousel-indicators">
                                     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                     <li data-target="#myCarousel" data-slide-to="1"></li>
                                     <li data-target="#myCarousel" data-slide-to="2"></li>
                                 </ol>
                                 <!-- 轮播（Carousel）项目 -->
                                 <div class="carousel-inner">
                                     <div class="item active">
                                         <img style="width: 335px;height: 200px;float: left;" src="../../static/img/add10.jpg" alt="First slide">
                                     </div>
                                     <div class="item">
                                         <img style="width: 335px;height: 200px;float: left;" src="../../static/img/add11.jpg" alt="Second slide">
                                     </div>
                                     <div class="item">
                                         <img style="width: 335px;height: 200px;float: left;" src="../../static/img/add12.jpg" alt="Third slide">
                                     </div>

                                 </div>
                                 <!-- 轮播（Carousel）导航 -->
                                 <a style="background: none;" class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

                                 </a>
                                 <a style="background: none;" class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                 </a>
                             </div>
                         </div>
                     </div>
                 </div>

             </div>
<!--             111111111-->
         </div>
     </div>

     <!--底部-->
     <div th:replace="/like/likeFooter::foot"></div>
     <!--返回顶部-->
     <div th:replace="/like/return-top::top"></div>

</body>
<script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<script th:src="@{/static/jQuery/jquery.js}"></script>
<script th:src="@{/static/js/likeFooter.js}" type="text/javascript"></script>
<script th:src="@{/static/js/MyVault.js}"></script>
<script th:src="@{/static/js/index.js}"></script>
</html>